<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,viewport-fit=cover">
    <title>Document</title>
    <link rel="stylesheet" href="./css/hotsing.css">
</head>
<body>
    <!-- logo -->
    <div class="root">
        <div class="topfix">
            <div class="topfl">
                <span></span>
            </div>
            <div class="topfr">
                <div class="topbton">
                    <a href="#">下载APP</a>
                </div>
            </div>
        </div>
    </div>
    <div class="u-tab">
        <div class="tabtitle">
            <a href="index.html" >推荐音乐</a>
        </div>
        <div class="tabtitle">
            <a href="hotsing.html" class="activ">热歌榜</a>
        </div>
        <div class="tabtitle">
            <a href="search.html">搜索</a>
        </div>
    </div>

    <!-- 主体 -->
    <div class="hotop">
        <div class="hotopct">
            <div class="hoticon"></div>
            <div class="hottime">
                更新日期：10月04日
            </div>
        </div>
    </div>

    <div class="m-sglst">
        <div class="m-sgitem">
            <div class="sgfl-cred">01</div>
            <div class="bor">
                <div class="f-bd-btm">
                    <div class="sgtl">在你的身边</div>
                    <div class="sginfo">
                        <i></i>
                        盛哲-在你的身边
                    </div>
                </div>
                <div class="sgchply">
                    <span></span>
                </div>
            </div> 
        </div>
        <div class="m-sgitem">
            <div class="sgfl-cred">01</div>
            <div class="bor">
                <div class="f-bd-btm">
                    <div class="sgtl">在你的身边</div>
                    <div class="sginfo">
                        <i></i>
                        盛哲-在你的身边
                    </div>
                </div>
                <div class="sgchply">
                    <span></span>
                </div>
            </div>
        </div>
        <div class="m-sgitem">
            <div class="sgfl-cred">01</div>
            <div class="bor">
                <div class="f-bd-btm">
                    <div class="sgtl">在你的身边</div>
                    <div class="sginfo">
                        <i></i>
                        盛哲-在你的身边
                    </div>
                </div>
                <div class="sgchply">
                    <span></span>
                </div>
            </div>
        </div>
        <div class="m-sgitem">
            <div class="sgfl-cred">01</div>
            <div class="bor">
                <div class="f-bd-btm">
                    <div class="sgtl">在你的身边</div>
                    <div class="sginfo">
                        <i></i>
                        盛哲-在你的身边
                    </div>
                </div>
                <div class="sgchply">
                    <span></span>
                </div>
            </div>
        </div>
        <div class="m-sgitem">
            <div class="sgfl-cred">01</div>
            <div class="bor">
                <div class="f-bd-btm">
                    <div class="sgtl">在你的身边</div>
                    <div class="sginfo">
                        <i></i>
                        盛哲-在你的身边
                    </div>
                </div>
                <div class="sgchply">
                    <span></span>
                </div>
            </div>
        </div>
        <div class="m-sgitem">
            <div class="sgfl-cred">01</div>
            <div class="bor">
                <div class="f-bd-btm">
                    <div class="sgtl">在你的身边</div>
                    <div class="sginfo">
                        <i></i>
                        盛哲-在你的身边
                    </div>
                </div>
                <div class="sgchply">
                    <span></span>
                </div>
            </div>
        </div>
        <div class="m-sgitem">
            <div class="sgfl-cred">01</div>
            <div class="bor">
                <div class="f-bd-btm">
                    <div class="sgtl">在你的身边</div>
                    <div class="sginfo">
                        <i></i>
                        盛哲-在你的身边
                    </div>
                </div>
                <div class="sgchply">
                    <span></span>
                </div>
            </div>
        </div>
        <div class="m-sgitem">
            <div class="sgfl-cred">01</div>
            <div class="bor">
                <div class="f-bd-btm">
                    <div class="sgtl">在你的身边</div>
                    <div class="sginfo">
                        <i></i>
                        盛哲-在你的身边
                    </div>
                </div>
                <div class="sgchply">
                    <span></span>
                </div>
            </div>
        </div>
        <div class="m-sgitem">
            <div class="sgfl-cred">01</div>
            <div class="bor">
                <div class="f-bd-btm">
                    <div class="sgtl">在你的身边</div>
                    <div class="sginfo">
                        <i></i>
                        盛哲-在你的身边
                    </div>
                </div>
                <div class="sgchply">
                    <span></span>
                </div>
            </div>
        </div>
        <div class="m-sgitem">
            <div class="sgfl-cred">01</div>
            <div class="bor">
                <div class="f-bd-btm">
                    <div class="sgtl">在你的身边</div>
                    <div class="sginfo">
                        <i></i>
                        盛哲-在你的身边
                    </div>
                </div>
                <div class="sgchply">
                    <span></span>
                </div>
            </div>
        </div>
        <div class="m-sgitem">
            <div class="sgfl-cred">01</div>
            <div class="bor">
                <div class="f-bd-btm">
                    <div class="sgtl">在你的身边</div>
                    <div class="sginfo">
                        <i></i>
                        盛哲-在你的身边
                    </div>
                </div>
                <div class="sgchply">
                    <span></span>
                </div>
            </div>
        </div>
        <div class="m-sgitem">
            <div class="sgfl-cred">01</div>
            <div class="bor">
                <div class="f-bd-btm">
                    <div class="sgtl">在你的身边</div>
                    <div class="sginfo">
                        <i></i>
                        盛哲-在你的身边
                    </div>
                </div>
                <div class="sgchply">
                    <span></span>
                </div>
            </div>
        </div>
        <div class="m-sgitem">
            <div class="sgfl-cred">01</div>
            <div class="bor">
                <div class="f-bd-btm">
                    <div class="sgtl">在你的身边</div>
                    <div class="sginfo">
                        <i></i>
                        盛哲-在你的身边
                    </div>
                </div>
                <div class="sgchply">
                    <span></span>
                </div>
            </div>
        </div>
        <div class="m-sgitem">
            <div class="sgfl-cred">01</div>
            <div class="bor">
                <div class="f-bd-btm">
                    <div class="sgtl">在你的身边</div>
                    <div class="sginfo">
                        <i></i>
                        盛哲-在你的身边
                    </div>
                </div>
                <div class="sgchply">
                    <span></span>
                </div>
            </div>
        </div>
        <div class="m-sgitem">
            <div class="sgfl-cred">01</div>
            <div class="bor">
                <div class="f-bd-btm">
                    <div class="sgtl">在你的身边</div>
                    <div class="sginfo">
                        <i></i>
                        盛哲-在你的身边
                    </div>
                </div>
                <div class="sgchply">
                    <span></span>
                </div>
            </div>
            
        </div>
    </div>


    
</body>
</html>